﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="fale-conosco.aspx.cs" Inherits="fale_conosco" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br">
    <head>
        <title> PORTAL SÃO PAULO </title>
	    <link rel="stylesheet" type="text/css" href="geral.css"/>
        <script type="text/javascript" src="js/jquery.js"></script>
    </head>
    <body>
	    <div id="global">
            <!-- FAÇO POSIONAMENTE DO SITE AO CENTRO -->
            <div id="geral">
                <div id="containerSite">
	                <!-- TOPO -->
                    <div id="top">
                       <a href="/" title="PORTAL SÃO PAULO"><img src="Imagens/logo-portal-sp.gif" alt="PORTAL SÃO PAULO" title="PORTAL SÃO PAULO" id="logo" /></a>
                       <span>O SEU INFORMATIVO SOBRE A VIOLÊNCIA</span>
                    </div>
                    <br class="clear" />
                    <!-- /TOPO -->
            	
                    <!-- CORPO -->
                    <div id="corpo">
                        
                        <div id="conteudoPrincipal">
                            <div id="controloNavegacao">
                                <div id="menuNavegacao">
                                    <ul>
                                        <li><a href="index.aspx?aba=tab1" class="tab1"><span>Home</span> </a></li>
                                        <li><a href="index.aspx?aba=tab2" class="tab2"><span>Cadastrar ocorrência</span></a></li>
                                    </ul>
                                </div>
                            </div>
    
                            <div id="boxGeral">
                                <div id="midBox">
                                    <div id="bgCentral">
                                        <form runat="server">
                                           <div id="faleConoscoPag">
                                           <span class="requiredField">TODOS OS CAMPOS SÃO OBRIGATÓRIOS*</span>
                                           <div class="ErrorServer" runat="server" ID="ErrorServer" visible="false"></div>
                                            <div id="controloForms">
                                                <fieldset>
                                                    <dl> 
                                                        <dd><label>Nome:</label></dd>
                                                        <dt><asp:TextBox runat="server" CssClass="ajustaCamposForms" ID="fieldNome"></asp:TextBox></dt>
                                                    </dl>
                                                    <dl> 
                                                        <dd><label>Seu email:</label> </dd>
                                                        <dt><asp:TextBox ID="fieldEmail" CssClass="ajustaCamposForms" runat="server"></asp:TextBox></dt>
                                                    </dl>
                                                    <dl> 
                                                        <dd><label>Mensagem:</label> </dd>
                                                        <dt><asp:TextBox ID="fieldMensagem" CssClass="ajustaCamposForms" runat="server" TextMode="MultiLine" Height="100" Width="280"></asp:TextBox> <span id="caracteres1">500</span></dt>
                                                    </dl>
                                                </fieldset>
                                                <br class="clear" />
                                                
                                                <asp:Button ID="btnEnviar" runat="server" cssclass="btos" Text="Enviar" ValidationGroup="FaleConosco" />
                                            </div>
                                            <asp:RequiredFieldValidator id="RequiredFieldValidator1"  ControlToValidate="fieldNome" Text="Campo Nome é obrigatório" runat="server" ValidationGroup="FaleConosco" CssClass="requiredField" />
                                            <asp:RequiredFieldValidator id="RequiredFieldValidator2"  ControlToValidate="fieldEmail" Text="Campo Email é obrigatório" runat="server" ValidationGroup="FaleConosco" CssClass="requiredField" />
                                            <asp:RequiredFieldValidator id="RequiredFieldValidator3"  ControlToValidate="fieldMensagem" Text="Campo Mensagem é obrigatório" runat="server" ValidationGroup="FaleConosco" CssClass="requiredField" />
                                            <asp:CustomValidator ID="customValidator2" runat="server" ErrorMessage="Email Inválido" ControlToValidate="fieldEmail" Text="Email Inválido!!" OnServerValidate="ValidateEmail" ValidationGroup="FaleConosco" CssClass="requiredField" />
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                <img src="Imagens/bottom-Box.gif" alt=" " title=" " class="floatRight" />
                            </div>
                        </div>
                        
                    </div>	        
	                <!-- CORPO -->		
                </div>
                <div id="rodape">
                    <ul>
                        <li><a href="index.aspx?aba=tab1">Home</a></li>
                        <li><a href="index.aspx?aba=tab2">Cadastrar Ocorrência</a></li>
                        <li><a href="fale-conosco.aspx">Fale conosco</a></li>
                        <li><a href="termos-de-uso.aspx">Termos de uso</a></li>
                    </ul>
                </div>
            </div>	        
            <br class="clear" />
            <!-- /FAÇO POSIONAMENTE DO SITE AO CENTRO -->
        </div>	 
      <script type="text/javascript">
          function exibirNumeroCaracteres(campo, maximo, spanId) {
              if (campo.value.length > maximo)
                  campo.value = campo.value.substring(0, maximo);
              else if (document.getElementById(spanId))
                  document.getElementById(spanId).innerHTML = maximo - campo.value.length;
          }

          $(function () {
              $("textarea[name='fieldMensagem']").bind("keypress, keyup", function () {
                  exibirNumeroCaracteres(document.getElementById("fieldMensagem"), 500, "caracteres1");
              });
          });
      </script>
    </body>
</html>